<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>趣味小测试</title>
    <link rel="stylesheet" type="text/css" href="text-1.css">
    <style>
        #spo
        {
            background:#FFE4C8;
            color: #3E3E3E;
            border-radius:8px;
            padding:8px 15px;
            margin: 15px auto;
            width: 650px;
            text-align: left;
            clear: both;
            font-size:14px;
        }
        .question1
        {
             margin-left: 120px;
        }
       #under2,#under1,#under3,#under4
       {
           border-bottom:1px solid black;
           border-left:0px;
           border-right:0px;
           border-top:0px;
       }


    </style>
</head>
<body>
    <!--<div style="width:700px;height:1000px;background-color:deepskyblue">-->
        <!--<img src="oldbg2.jpg" style="background-position: top">-->
        <!--<img src="oldbg2-bg.jpg" style="background-position:left">-->
        <!--<img src="oldbg2-bg.jpg" style="background-position:right">-->
    <!--</div>-->
    <div id="jqContent" class style="text-align:left;">
        <div id="headerCss" style="overflow-x:hidden;overflow-y:hidden">
            <div id="mainCss">
                <div class="survey" style="margin:0px auto;">
                    <div class="surveyhead">
                        <h1 style="color:rebeccapurple;text-align:center">趣味测试</h1>

                        <!--清除浮动，具体参照菜鸟的div-->
                        <div style="clear:both;"></div>
                        <div id="spo">
                            <span style="font-weight:bold;color:darkgoldenrod">
                                <span style="font-weight:bold;">此问卷处于停止状态，仅供浏览，请勿填写！</span>
                            </span>
                        </div>
                    </div>
                    <div class="surveycontent" style="margin:auto;height:auto">
                        <div class="question1">
                            <span>*1.  本考题靠大家对于每月邮寄问卷的日程。</span>
                            <div style="margin-top:8px"></div>
                            我们约定每月分两次寄出当月问卷，请回答：
                            <div style="margin-top:8px"></div>
                            <div style="display:block">
                                第一批寄出日期为当月：
                                <input class="underline" type="text" id="under2">
                                日，寄出问卷量为当月的：
                                <input class="underline" type="text" id="under1">
                             %
                                <div style="margin-top:8px"></div>
                            </div>
                            <div style="margin-top:8px"></div>
                            <div style="display:block">
                                第二批寄出日期为当月：
                                <input class="underline" type="text" id="under3">
                                日，寄出问卷量为当月的：
                                <input class="underline" type="text" id="under4">
                             %
                                <div style="margin-top:8px"></div>
                            </div>

                        </div>
                        <div style="margin:auto;margin-left:120px;margin-right:70px"><hr/></div>
                        <div style="margin-left:100px;">
                            <ul style="list-style-type:circle;">
                                *2.该邮寄问卷了，但是没收齐，怎么办？(本体不计分)
                                <li style="width:99%">等全部手气了，在家寄出去</li>
                                <li style="width:99%">如果收齐了一定比例，就先寄</li>
                                <li style="width:99%">无论有多少，都先寄出</li>
                            </ul>
                        </div>
                        <div style="margin:auto;margin-left:120px;margin-right:70px"><hr/></div>
                        <div style="margin-left:120px">
                            <div>13.请找出A7两页图示的问题。<div>
                                <div style="clear:both"></div>
                            <textarea title="" style="overflow: auto;width:62%;height:110px;" class="inputtext" value="" id="q12" name="q12"></textarea>
                        </div>
                    </div>

                    </div>
                        <div style="margin:auto;margin-left:120px;margin-right:70px"><hr/></div>
                        <div style="margin-left:120px">
                            4.请问，您在收集“大事件”过程中，都会采用哪些方法？（本题不计分）
                            <span>[多选题]</span>
                            <div style="clear:both"></div>
                            <ul style="list-style-type:square">
                                <li>
                                   <input style="display:none;" type="checkbox" name="q4" value="1">
                                    <label>从电视中了解</label>
                                </li>
                                <li>
                                   <input style="display:none;" type="checkbox" name="q4" value="1">
                                    <label>从杂志/报纸中了解</label>
                                </li>
                                <li>
                                   <input style="display:none;" type="checkbox" name="q4" value="1">
                                    <label>从广播中了解</label>
                                </li>

                            </ul>
                        </div>
                </div>
            </div>
                <div style="margin:auto;margin-left:120px;margin-right:70px"><hr/></div>
                <input type="sumbit" class="submitbutton">提交
        </div>
    </div>
    </div>

</body>
</html>